$hd: 1;

$--color-primary: #ff6b00 !default;
$--color-white: #FFFFFF !default;
$--color-info: #409EFF !default;
$--color-success: #67C23A !default;
$--color-warning: #E6A23C !default;
$--color-danger: #F56C6C !default;

$color-success: #13CE66 !default;
$color-error: #FF4949 !default;
$color-warning: #FFC82C !default;
$color-info: #78A4FA !default;

/* Color Palette */
$color-black-0: #000 !default;
$color-black-1: #333 !default;
$color-black-2: #7F7F7F !default;
$color-black-3: #B2B2B2 !default;

$color-grey-0: #333 !default;
$color-grey-1: #666 !default;
$color-grey-2: #999 !default;
$color-grey-3: #CCC !default;
$color-grey-4: #E5E5E5 !default;
$color-grey-5: #F0F0F0 !default;
$color-grey-6: #F7F7F7 !default;

$color-white: #FFF !default;

/* Text Color */
$color-text-base: #333 !default; // 文字的基本色
$color-text-base-inverse: #FFF !default; // 反色
$color-text-secondary: #36D57D !default; // 辅助色
$color-text-placeholder: #C9C9C9 !default;
$color-text-disabled: #CCC !default;
$color-text-title: #2C405A !default; // 文章标题
$color-text-paragraph: #3F536E !default; // 文章段落
/* Font */
$font-size-xs: 10px * $hd !default; // 非常用字号，用于标签
$font-size-sm: 12px * $hd !default; // 用于辅助信息
$font-size-base: 14px * $hd !default; // 常用字号
$font-size-lg: 16px * $hd !default; // 常规标题
$font-size-xl: 18px * $hd !default; // 大标题
$font-size-xxl: 20px * $hd !default; // 用于大号的数字
/* 背景色 */
$color-bg: #FFF !default;
$color-bg-base: #FAFBFC !default;
$color-bg-light: #ECF5FD !default;
$color-bg-grey: #F7F7F7 !default;
/* Border Radius */
$border-radius-sm: 2px * $hd !default;
$border-radius-md: 4px * $hd !default;
$border-radius-lg: 6px * $hd !default;
$border-radius-ellipse: 30% !default;
$border-radius-circle: 50% !default;
/* 边框颜色 */

/* Line Height */
$line-height-base: 1 !default; // 单行
$line-height-en: 1.3 !default; // 英文多行
$line-height-zh: 1.5 !default; // 中文多行

/* 垂直间距 */
$spacing-v-xs: 3px * $hd !default;
$spacing-v-sm: 6px * $hd !default;
$spacing-v-md: 9px * $hd !default;
$spacing-v-lg: 12px * $hd !default;
$spacing-v-xl: 15px * $hd !default;

/* 组件变量 */

/* Detile */
$jlf-detail-font-size: 20px;
$jlf-detail-line-height: 25px;
$jlf-detail-border-color: #8a8a8a;
$jlf-detail-border-line: 6px;
$jlf-detail-border-bottom: 10px;
$jlf-detail-images-width: 30%;
$jlf-detail-images-height: 7rem;
$jlf-detail-textarea-width: 100%;
$jlf-detail-textarea-height: 200px;


/* Timeline */
$jlf-timeline-offset-left: 20px !default;
$jlf-timeline-title-color: $color-grey-0 !default;
$jlf-timeline-title-font-size: $font-size-base !default;
$jlf-timeline-desc-color: $color-grey-1 !default;
$jlf-timeline-desc-font-size: $font-size-base !default;
$jlf-timeline-dot-size: 12px !default;
$jlf-timeline-dot-color: $color-bg !default;
$jlf-timeline-dot--border-color: #78A4F4 !default;
$jlf-timeline-line-color: #C5D9E8 !default;

